<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- <style>
    .container {
        width: 500px;
        height: 800px;
        background-color: #ff0;
        position: relative;
    }

    .gift20421play {
        width: 360px;
        height: 130px;
        color: white;
        font-size: 14px;
        position: absolute;
        z-index: 10;
        left: 70px;
        bottom: 30px;
        /* opacity:0;
        transform:translateX(150px); */
        transition: all .6s 1s;
    }

    .gift20421play .gift_bgPic_3 {
        width: 360px;
        height: 130px;
        position: absolute;
        left: 0px;
        top: 0;
        z-index: 0;
        background-size: 100% 100%;
    }

    .gift20421play .giftmsg_3 {
        width: 360px;
        height: 50px;
        overflow: hidden;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
        position: absolute;
        z-index: 4;
        left: 0px;
        top: 90px
    }

    .gift20421play .gift_send_alias_3 {
        width: 203px;
        height: 30px;
        line-height: 25px;
        font-size: 16px;
        text-align: left;
        color: yellow;
        position: absolute;
        z-index: 4;
        left: 190px;
        top: 80px;

    }

    .gift20421play .get_alias_3 {
        width: 200px;
        height: 30px;
        line-height: 25px;
        font-size: 16px;
        text-align: right;
        color: yellow;
        position: absolute;
        z-index: 4;
        left: -30px;
        top: 80px
    }

    .gift20421play .gift_roompic_3 {
        width: 53px;
        height: 53px;
        border-radius: 100%;
        position: absolute;
        z-index: 1;
        left: 124px;
        top: 26px
    }

    .gift20421play .gift_send_pic_3 {
        width: 53px;
        height: 53px;
        border-radius: 100%;
        position: absolute;
        z-index: 1;
        left: 183px;
        top: 26px
    }
</style> -->
<!-- <style>
    .container {
        width: 500px;
        height: 800px;
        background-color: #ff0;
        position: relative;
    }

    .gift20421play {
        width: 360px;
        height: 130px;
        color: white;
        font-size: 14px;
        position: absolute;
        z-index: 10;
        left: 70px;
        bottom: 30px;
        /* opacity:0;
        transform:translateX(150px); */
        transition: all .6s 1s;
    }

    .gift20421play .gift_bgPic_4 {
        width: 360px;
        height: 130px;
        position: absolute;
        left: 0px;
        top: 0;
        z-index: 0;
        background-size: 100% 100%;
    }

    .gift20421play .giftmsg_4 {
        width: 360px;
        height: 50px;
        overflow: hidden;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
        position: absolute;
        z-index: 4;
        left: 0px;
        top: 90px
    }

    .gift20421play .gift_send_alias_4 {
        width: 203px;
        height: 30px;
        line-height: 25px;
        font-size: 16px;
        text-align: center;
        color: yellow;
        position: absolute;
        z-index: 4;
        left: 80px;
        top: 80px;
    }

    .gift20421play .get_alias_4 {
        display: none;
    }

    .gift20421play .gift_roompic_4 {
        display: none;
    }

    .gift20421play .gift_send_pic_4 {
        width: 53px;
         height: 53px;
        border-radius: 100%;
        position: absolute;
        z-index: 1;
        left: 152px;
        top: 10px;
    }
</style> -->
<!-- <style>
    .container {
        width: 500px;
        height: 800px;
        background-color: #ff0;
        position: relative;
    }

    .gift20421play {
        width: 360px;
        height: 130px;
        color: white;
        font-size: 14px;
        position: absolute;
        z-index: 10;
        left: 70px;
        bottom: 30px;
        /* opacity:0;
        transform:translateX(150px); */
        transition: all .6s 1s;
    }

    .gift20421play .gift_bgPic_5 {
        width: 360px;
        height: 130px;
        position: absolute;
        left: 0px;
        top: 0;
        z-index: 0;
        background-size: 100% 100%;
    }

    .gift20421play .giftmsg_5 {
        width: 360px;
        height: 50px;
        overflow: hidden;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
        position: absolute;
        z-index: 4;
        left: 0px;
        top: 90px
    }

    .gift20421play .gift_send_alias_5 {
        display: none;
    }
    .gift20421play .get_alias_5 {
        width: 203px;
        height: 30px;
        line-height: 25px;
        font-size: 16px;
        text-align: center;
        color: yellow;
        position: absolute;
        z-index: 4;
        left: 80px;
        top: 80px;
    }

    .gift20421play .gift_roompic_5 {
        width: 53px;
         height: 53px;
        border-radius: 100%;
        position: absolute;
        z-index: 1;
        left: 152px;
        top: 10px;
    }

    .gift20421play .gift_send_pic_5 {
        display: none;
    }
</style> -->
<style>
    .container {
        width: 500px;
        height: 800px;
        background-color: #ff0;
        position: relative;
    }

    .gift20421play {
        width: 360px;
        height: 130px;
        color: white;
        font-size: 14px;
        position: absolute;
        z-index: 10;
        left: 70px;
        bottom: 30px;
        /* opacity:0;
        transform:translateX(150px); */
        transition: all .6s 1s;
    }

    .gift20421play .gift_bgPic_2 {
        width: 360px;
        height: 130px;
        position: absolute;
        left: 0px;
        top: 0;
        z-index: 0;
        background-size: 100% 100%;
    }
    .gift20421play .giftmsg_2 {
        width: 360px;
        height: 50px;
        overflow: hidden;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
        position: absolute;
        z-index: 4;
        left: 0px;
        top: 90px
    }

    .gift20421play .gift_send_alias_2,.gift20421play .get_alias_2,.gift20421play .gift_roompic_2,.gift20421play .gift_send_pic_2{
        display: none;
    }

</style>

<body>
    <!-- 都有 -->
    <!-- <div class="container">
        <div class="gift20421play">
            <div class="gift_bgPic_3"
                style="background:url('https://vi1.xiu123.cn/live/2022/07/18/20/1013v1658146171878939861.png') no-repeat;background-size: 100% 100%;">
            </div>
            <span class="gift_send_alias_3">{send_alias}</span>
            <img class="gift_send_pic_3" src="https://vi3.6rooms.com/live/2016/05/26/15/1013v1464246499743547801.jpg" />
            <img class="gift_roompic_3" src="https://vi3.6rooms.com/live/2016/05/26/15/1013v1464246499743547801.jpg" />
            <span class="get_alias_3">{get_alias}</span>
            <span class="giftmsg_3">{msg}</span>
        </div>
    </div> -->
    <!-- < 一个头像 -->
    <div class="container">
        <div class="gift20421play">
            <div class="gift_bgPic_4"
                style="background:url('https://vi1.xiu123.cn/live/2022/07/18/20/1013v1658146171878939861.png') no-repeat;background-size: 100% 100%;">
            </div>
            <span class="gift_send_alias_4">{send_alias}</span>
            <img class="gift_send_pic_4" src="https://vi3.6rooms.com/live/2016/05/26/15/1013v1464246499743547801.jpg" />
            <img class="gift_roompic_4" src="https://vi3.6rooms.com/live/2016/05/26/15/1013v1464246499743547801.jpg" />
            <span class="get_alias_4">{get_alias}</span>
            <span class="giftmsg_4">{msg}</span>
        </div>
    </div>
    
</body>

</html>